<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="page-mine df fdc">
    <main class="main f1">
        <!-- 轮播图部分 -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../../assets/imgs/index-swiper-bg1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../../assets/imgs/index-swiper-bg2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../../assets/imgs/index-swiper-bg3.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <!-- 用户信息 -->
        <a href="./user-detail.html" class="userName df aic">
            <div class="df jcsb">
                <!-- 左边 -->
                <div class="leftbox df aic">
                    <img class="left" id="avatar">
                    <p>用户信息</p>
                </div>
                <!-- 右边 -->
                <div class="rightbox">
                    <p>></p>
                </div>
                <div class="bottom"></div>
            </div>
            <p>个性签名：<span id="sign"></span></p>
        </a>
        <!-- 打卡信息 -->
        <div class="clock bgw mt20 df jcsb aic ">
            <div class="date"> <span class=" iconfont icon-rili"></span> 累计打卡 <span class="num" id="num"></span>天</div>
            <div class="dayplay" id="colck"> <a>今日打卡</a></div>
        </div>
        <!-- 动态 -->
        <a href="./circle.html" class="talk bgw mt20 df jcsb aic ">
            <div class="date"> <span class=" iconfont icon-shu"></span>个人动态</div>
            <div class="r"> <span id="self">10</span> 条></div>
        </a>
        <!-- 运动 -->
        <div class="sports bgw mt20">
            <a href="./sports-data.html" class="talk bgw mt20 df jcsb aic ">
                <div class="date"> <span class=" iconfont icon-zhexiantu"></span>运动数据</div>
                <div class="r">></div>
            </a>

            <div class="sum-num df jcsb aic">
                <div class="sumsports ">
                    <div class="sportstext">总运动</div>
                    <div class="min"><span class="min-num" id="sumSports"></span>分钟</div>
                </div>
                <div class="gekai"></div>
                <div class="weeksports">
                    <div class="sportstext">本周消耗</div>
                    <div class="min"><span class="min-num" id="weekSoprts"></span>千卡</div>
                </div>
            </div>

        </div>
        <!-- badge徽章 -->
        <div class="badge bgw mt20">
            <a href="./my-badges.html" class="talk bgw mt20 df jcsb aic ">
                <div class="date"> <span class=" iconfont icon-sharpicons_badge-"></span>我的运动徽章</div>
                <div class="r"> ></div>
            </a>
            <div class="badgebox df jcsb aic">
                <a href="#" class="huiz"></a>
                <a href="#" class="huiz"></a>
                <a href="#" class="huiz"></a>
            </div>

        </div>

    </main>

</body>

</html>